
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #cae5fc;
}
.el-button--mini{
    padding: 8px;
}

.el-radio-button.is-active .el-radio-button__inner{
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}

.el-tabs__item.is-active {
    color: var(--maincolor);
}
.el-menu-item.is-active {
    color: var(--maincolor)
}
.el-header{
    line-height: 60px;
    padding: 0 20px 0 20px;
}
.el-header.toolbar-header{
    line-height: 40px!important;
    height: 40px!important;
    padding: 0;
}
.el-footer{
    color: #999999;
    line-height: 60px;
    background-color: #f7f8fa;
    border-top: #dedfe1 1px solid;
}
.w-footer{
    background-color: white;
    border-top: none;
    line-height: 40px;
    height: 40px!important;
}
.w-header{
    line-height: 50px;
    height: 50px!important;
}
.el-divider__text{
    color: unset;
}

.el-tabs__content{
    height: calc(100% - 40px - 1px - 15px - 15px)!important;
    overflow-y: auto;
}
.el-button--primary{
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}
.el-dialog__body{
    padding: 10px 20px;
}
.el-submenu .iconfont {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
}

.el-tabs__nav-scroll{
    margin-top: 2px;
}
.el-form--inline .el-form-item__label {
    float: left;
    display: inline-block;
}
/*.el-tabs--border-card>.el-tabs__header{
    background-color: white;
}*/
.el-tabs__item.is-top.is-active{
    border-top: 1px solid var(--bordercolor);

}
.nb.el-menu{
    border-right: none;
}
.el-tabs__item:focus.is-active.is-focus:not(:active){
    box-shadow: none;
    border-radius: 0;
}
.custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    padding-right: 8px;
    line-height: 16px;
}

.el-tooltip__popper{
    word-break: break-all;
}
.el-tooltip__popper.is-light{
    border-color: var(--graycolor);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.el-table .el-table__cell{
    padding: 5px 0;
}
.el-menu-item .iconfont {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}
.el-button .iconfont+span {
    margin-left: 5px;
}

.search-div .el-form-item {
    margin-bottom: 0;
}
.el-drawer__body{
    padding: 10px;
}
//.el-collapse-item__header.is-active{
//  color: var(--maincolor);
//}
.el-notification__title{
  text-align: left;
}

.el-loading-spinner{
  i{
    font-size: 24px;
    color: white;
  }
  .el-loading-text{
    font-weight: bold;
    color: white;
  }
}
.tag-tab{
  .el-badge__content.is-fixed{
    top: 8px;
  }
}
.search-line{
  .el-checkbox-button{
    margin-right: 10px;
    margin-bottom: 1px;
    border: none;
    .el-checkbox-button__inner{
      box-shadow: none;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
    }
  }
  .el-radio-button{
    margin-right: 10px;
    margin-bottom: 1px;
    border: none;
    .el-radio-button__inner{
      box-shadow: none;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
    }
  }
}
.fix-drawer{
  .drawer-content{
    width: 100%;height: 100%;padding-bottom: 60px;overflow-y: auto;
  }
  .drawer-btn{
    background-color: white;
    width: 100%;
    padding: 0 20px;
    position: absolute;bottom: 0;right: 0;
    height: 60px;line-height: 60px;
  }
}

.el-backtop{
  &:hover{
    background-color: var(--maincolor);
    color: white;
  }
}

.search-div{
  .el-form--inline{
    .el-form-item {
      margin-bottom: 2px;
    }
  }
}